<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<head>
    <meta charset="UTF-8">
    <title>咸鱼首页</title>

    <script src="${pageContext.request.contextPath}/js/jQuery/jquery-3.4.1.min.js"></script>
    <script src="${pageContext.request.contextPath}/bootstrap/dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/confirm.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css" media="all">


</head>
<body>
<!--========================头部===================================================-->
<div class="top">
    <div class="top-log">
        <div class="logo">
            <a href="index.html"><img src="${pageContext.request.contextPath}/images/xianyu.jpg" width="90" height="40"></a>
        </div>
    </div>
    <div class="top-dingwei">
        <div class="top-dingwei-main">
            <ul>
                <li class="top-dingwei-img"><img src="${pageContext.request.contextPath}/images/dingwei.png"></li>
                <li class="top-dingwei-city"><a href="#">深圳<p class="top-dingwei-jiantou"></p></a></li>
            </ul>
        </div>
    </div>

    <!--============================搜索=====================================-->
    <div class="search">
        <div class="layui-form">
            <input type="text" name="title" required lay-verify="required" placeholder="请输入查询关键字" autocomplete="off" class="layui-input input-text">
            <button class="submit-button"><i></i> </button>
        </div>
    </div>

    <!--=======================购物车==========================-->
    <div class="cart">
        <dl>
            <dt class="shopping-btn">
                <a href="">
                    <b class="totlePrice">￥2020.00</b>
                </a>
            </dt>
            <dd class="shopping-list" style="">
                <div class="spacer"></div>
                <div class="nogoods" style="display: none">
                    购物车中还没有商品，赶紧选购吧!
                </div>
                <div class="goods">
                    <ul>
                        <li>
                            <div class="l">
                                <a href="">
                                    <img src="images/cart1.jpg" width="42" height="42">
                                </a>
                            </div>
                            <div class="c">
                                <a href="">
                                    PAMPERO乌拉那拉去骨冷冻安格斯谷饲薄群肉牛排150g
                                </a>
                            </div>
                            <div class="r">
                                <b>￥39.90</b>
                                *3
                                <a href="" onclick="">删除</a>
                            </div>
                        </li>
                        <li>
                            <div class="l">
                                <a href="">
                                    <img src="images/cart1.jpg" width="42" height="42">
                                </a>
                            </div>
                            <div class="c">
                                <a href="">
                                    PAMPERO乌拉那拉去骨冷冻安格斯谷饲薄群肉牛排150g
                                </a>
                            </div>
                            <div class="r">
                                <b>￥39.90</b>
                                *3
                                <a href="" onclick="">删除</a>
                            </div>
                        </li>
                    </ul>
                    <div class="price-total">
                        <div>
                            <span class="totleNum">
                                共
                                <b>6</b>
                                件商品
                            </span>
                            <span class>
                                共计
                                <b class="totlePrice">￥120.00</b>
                            </span>
                        </div>
                    </div>
                </div>
            </dd>
        </dl>
    </div>

    <!--=======================我的====================================-->
    <div class="top-menu">
        <div class="login">
            <p>
                <a href="">登录/</a>
                <a href="">注册</a>
            </p>
        </div>
        <div class="user">
            <ul>
                <li class=" tle">
                    <a class="geren" href=""><img src="images/geren-logo.png"></a>
                    <a href="">我的咸鱼</a>
                </li>
                <li class="e1">
                    <a class="order" href=""><img src="images/order-logo.png"></a>
                    <a href=" ">我的订单</a>
                </li>
                <li class="e2">
                    <a class="coupon" href=""><img src="images/coupon.png"></a>
                    <a href="">我的优惠券</a>
                </li>
                <li class="last">
                    <a class="exit" href=""><img src="images/exit.png"></a>
                    <a href="">退出账户</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--========================中部===================================================-->
<input type="hidden" value="${order.orderId}" class="orderid">
<div class="order">
    <div class="warp">
        <h2>请核对订单信息</h2>
            <div class="order-alert">
                <div id="order1" class="order-mode">
                    <h3>
                        <i class="o-i-commodity" ></i>
                        商品信息
                    </h3>
                    <div class="o-commodity">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th width="180">商品名称</th>
                                    <th>单价</th>
                                    <th>数量</th>
                                    <th>金额小计</th>
                                    </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <a>脐橙</a>
                                </td>
                                    <td>
                                        ￥<a>60.00</a>
                                    </td>
                                    <td>
                                        2
                                    </td>
                                    <td>
                                        ￥<a>120.00</a>
                                    </td>
                                </tr>
                            </tbody>
                    </table>
                    </div>
                </div>
                <div id="order71" class="cart-footer">
                    <div class="warp">
                        <div class="right">
                            <span class="fs14">
                                应付款:
                                <em>￥</em>
                                <em>120.00</em>
                            </span>
                            <a id="orderBtn" class="btn" style="background-color: rgb(255,83,23);">
                                提交订单
                            </a>
                        </div>
                </div>
                </div>
            </div>
    </div>
</div>





<script src="${pageContext.request.contextPath}/layui/layui.js" charset="UTF-8"></script>
<script src="${pageContext.request.contextPath}/js/index.js"></script>
<script src="${pageContext.request.contextPath}/js/order/confirm.js"></script>

</body>
</html>